<template>
	<div class="mui-scroll">
		<Slide></Slide>
		<Accordio></Accordio>

	</div>
</template>
<script>
	import mui from '../../static/js/mui.min.js'
	import Slide from '../components/slid.vue'
	import Accordio from '../components/accordio.vue'
	export default {
		name: 'index',
		data() {
			return {
				msg: 'Welcome to Your Vue.js App'
			}
		},
		mounted: function() {
			this.$nextTick(function() {
				mui.init();
				//			 document.querySelector('#offCanvasWrapper').style.height = (parseInt(window.innerHeight-50) ) + 'px';

				//			 //主界面和侧滑菜单界面均支持区域滚动；
				mui('#offCanvasSideScroll').scroll();
				mui('#offCanvasContentScroll').scroll();
				//实现ios平台原生侧滑关闭页面；
				if(mui.os.plus && mui.os.ios) {
					mui.plusReady(function() { //5+ iOS暂时无法屏蔽popGesture时传递touch事件，故该demo直接屏蔽popGesture功能
						plus.webview.currentWebview().setStyle({
							'popGesture': 'none'
						});
					});
				}
			})
		},
		components: {
			Slide,
			Accordio
		},
	}
</script>
<style>

</style>